// 监听屏幕宽度变化

import { mapMutations } from "vuex";

export default{
    
    methods: {
        // 引入app模块中的设置collapse函数
        ...mapMutations("app", ["SELL_COLLAPSE"]),
        $_resize() {
            let w = 700;
            // 获取屏幕宽度
            let BodyW = document.body.clientWidth;
            // console.log(BodyW);
            if (BodyW > w) {
                this.SELL_COLLAPSE(false);
            } else {
                this.SELL_COLLAPSE(true);
            }
        },
    },
    mounted() {
        // 初始化时执行一次
        this.$_resize()
        // 屏幕拉伸执行
        window.addEventListener("resize",this.$_resize);
    },
    destroyed(){
        // 销毁 切换Layout组件时，清除挂载在全局的属性和方法
        window.removeEventListener('resize',this.$_resize)
    }


}